<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@taglib prefix="fmt" uri="http://java.sun.com/jsp/jstl/fmt" %>
<%
String path=request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>后台管理</title>
	<jsp:include page="/static/commonjsp/head-js.jsp" flush="true"/>
</head>
<body>
	 <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">权限管理</a>
        <a>
          <cite>权限列表</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
      <div class="layui-row">
        <form id="addForm" class="layui-form layui-col-md12 x-so layui-form-pane">
          <c:if test="${sessionScope.user.id eq 1}">
          <div class="layui-input-inline">
            <select name="pid">
              <option value = "0">主菜单</option>
              <c:forEach items="${headUrls}" var="item">
          	  	  <option value="${item.id}">${item.title}</option>
              </c:forEach>
            </select>
          </div>
          <input required id="icon" class="layui-input"  placeholder="图标" name="icon" lay-verify="icon">
          <input id="title"  class="layui-input" placeholder="权限名" name="title" lay-verify="title">
          <input id="url"  class="layui-input" placeholder="权限路径" name="url" lay-verify="url">
		  <input type="radio" name="visible" value="y" title="可见" checked>
		   <input type="radio" name="visible" value="n" title="不可见" >
              <button class="layui-btn" lay-submit="" lay-filter="add"><i class="layui-icon"></i>增加</button>
          </c:if>
        </form>
      </div>
      <xblock>
        <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
        <span class="x-right" style="line-height:40px">共有数据：${urls.total} 条</span>
      </xblock>
      <table class="layui-table">
        <thead>
          <tr>
            <th>
              <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
            </th>
            <th>ID</th>
            <th>权限规则</th>
            <th>权限名称</th>
            <th>所属分类</th>
            <th>是否可见</th>
            <th>操作</th>
        </thead>
        <tbody>
          	<c:forEach items="${urls.list}" var="item">
	          	<tr>
		            <td>
		              <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='${item.id}'><i class="layui-icon">&#xe605;</i></div>
		            </td>
		            <td>${item.id}</td>
		            <td>${item.url}</td>
		            <td>${item.title}</td>
		            <td>
		            	<c:if test="${item.pid eq 0}">
		            		${item.title}
		            	</c:if>
		            	<c:forEach items="${headUrls}" var="head">
		            		<c:if test="${item.pid eq head.id}">
		            			${head.title}
		            		</c:if>
		            	</c:forEach>
		            </td>
		            <td>${item.visible == "y" ? "可见":"不可见"}</td>
		            <td class="td-manage">
		              <a title="编辑"  onclick="x_admin_show('编辑','${pageContext.request.contextPath}/admin/urledit?id=${item.id}')" href="javascript:;">
		                <i class="layui-icon">&#xe642;</i>
		              </a>
		              <a title="删除" onclick="member_del(this,'${item.id}')" href="javascript:;">
		                <i class="layui-icon">&#xe640;</i>
		              </a>
		            </td>
	          	</tr>
          	</c:forEach>
        </tbody>
      </table>
      <div class="page">
        <div>
          ${page}
        </div>
      </div>

    </div>
    <script>
      layui.use(['form','layer','element','laydate'], function(){
	        var laydate = layui.laydate;
	        $ = layui.jquery;
	        var form = layui.form
	        ,layer = layui.layer;
	        //执行一个laydate实例
	        laydate.render({
	          elem: '#start' //指定元素
	        });
	        //执行一个laydate实例
	        laydate.render({
	          elem: '#end' //指定元素
	        });
	        
	      //自定义验证规则
	      form.verify({
	    	 icon: function(value){
	    		value  = value.replace(/^\s+|\s+$/g,"");
		        if(value.length == 0 ){
		        	return '图标不能为空';
		        }
	         },
	         title: function(value){
	        	  value  = value.replace(/^\s+|\s+$/g,"");
		          if(value.length ==0 ){
		            return '权限名不能为空';
		          }
	         },
	         url: function(value){
	        	 value  = value.replace(/^\s+|\s+$/g,"");
		          if(value.length == 0){
		            return '路径不能为空';
		          }
	         }
	      	});
	   	  //监听提交
	      form.on('submit(add)', function(data){
	        var field = data.field;
	        console.log(field)
	        //发起异步
	        $.ajax({
	        	url:"${pageContext.request.contextPath}/admin/urladd",
				type:"POST",
				data:$('#addForm').serialize(),
				dataType:'json',
				success:function(result){
					if(result.success){
					 	layer.alert(result.msg, {icon: 6});
					 	$("#icon,#title,#url").val("");
					}
					if(!result.success){
						layer.alert(result.msg, {icon: 5});
					 	$("#icon,#title,#url").val("");
					}
				},
	        	error:function(){
	        		layer.alert("请求服务器失败！", {icon: 5});
				 	$("#icon,#title,#url").val("");
	        	}
	        })
	        return false;
	      });
      });
       /*用户-停用*/
      function member_stop(obj,id){
          layer.confirm('确认要停用吗？',function(index){

              if($(obj).attr('title')=='启用'){

                //发异步把用户状态进行更改
                $(obj).attr('title','停用')
                $(obj).find('i').html('&#xe62f;');

                $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
                layer.msg('已停用!',{icon: 5,time:1000});

              }else{
                $(obj).attr('title','启用')
                $(obj).find('i').html('&#xe601;');

                $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
                layer.msg('已启用!',{icon: 5,time:1000});
              }
              
          });
      }

      /*用户-删除*/
      function member_del(obj,id){
          layer.confirm('确认要删除吗？',function(index){
              //发异步删除数据
               $.ajax({
	        	url:"${pageContext.request.contextPath}/admin/urldelete",
				type:"POST",
				data:{id:id},
				dataType:'json',
				success:function(result){
					if(result.success){
					 	layer.alert(result.msg, {icon: 6});
					}
				},
	        	error:function(){
	        		layer.alert("请求服务器失败", {icon: 6});
	        	}
	        })
              $(obj).parents("tr").remove();
              layer.msg('已删除!',{icon:1,time:1000});
          });
      }



      function delAll (argument) {

        var data = tableCheck.getData();
  
        layer.confirm('确认要删除吗？'+data,function(index){
            //捉到所有被选中的，发异步进行删除
            layer.msg('删除成功', {icon: 1});
            $(".layui-form-checked").not('.header').parents('tr').remove();
        });
      }
    </script>
  </body>
</html>

